<template>
  <div style="background: #f4f4f4">
    <Backview title="蜂蜜种类" lable="Honey Types" />
    <div class="evaluate_wrap">
      <p class="address_wrap">
        您的位置：<b style="color: #000">首页 > </b
        ><b style="color: #000"> 蜂蜜种类 > </b><b>{{ miData.titles }}</b>
      </p>
      <div v-for="(items, index) in miData">
        <Mtitle
          :title="items.titles"
          width="100"
          :height="15"
          fontSize="30"
          titleColor="#424242"
          backgColor="#FFECCC"
          :marginTop="25"
          :marginBottom="25"
        ></Mtitle>
        <p class="lable_wrap1">{{ items.lable2 }}</p>
        <p class="lable_wrap">{{ items.lable }}</p>
        <div class="img_wrap">
          <img v-for="(item, index) in items.pic" :src="item" alt="" />
        </div>
      </div>
      <p class="more" @click="$router.push('/kinddetail')">查看价格</p>
    </div>
  </div>
</template>

<script>
import Backview from "../components/detailBack.vue";
import Mtitle from "../components/global_title.vue";
export default {
  name: "HoneyEvaluate",

  data() {
    return {
      miData: [
        {
          id: 1,
          titles: "百花蜜",
          lable:
            "百花蜜采于的百花丛中，集百花之精华。清香甜润，营养滋补，消热解毒，润肠通便，安五脏、补不足等功效，是传统蜂蜜品种。蜜色泽深。百花蜜是多种花蜜酿成的混合蜂蜜，味甜，具有天然蜜的香气，营养成分比较多。",
          lable2:
            "来源：百花蜜采于百花丛中，集百花之精华。清香甜润，营养滋补，消热解毒，润肠通便，安五脏、补不足等功效，是传统蜂蜜品种。蜜色泽深。百花蜜是多种花蜜酿成的混合蜂蜜，味甜，具有天然蜜的香气，营养成分比较多。功效：它还具有新陈代谢、免疫、助长发育、增强记忆、健肠胃、促进血液循环、保肝、消炎、镇痛、延年益寿等多种作用，常食用可以提高青少年的免疫力，助长发育、增强记忆、可以预防和纠正儿童的贫血。",
          pic: [
            require("../assets/mi_pic/a1.jpg"),
            require("../assets/mi_pic/a2.jpg"),
            require("../assets/mi_pic/a3.jpg"),
            require("../assets/mi_pic/a4.jpg"),
          ],
        },
        {
          id: 3,
          titles: "油菜花蜜",
          lable:
            "油菜蜜呈浅琥珀色，结晶前是浅琥珀色、略浑浊，结晶后为白色或者浅白色，有油菜花的香气，略具辛辣味，贮放日久辣味减轻，味道甜润，极易结晶，结晶后呈乳白色， 晶体呈细粒或油脂状。",
          lable2:
            "油菜蜜，性温、有清热润燥、舒张血管、行血破气、消肿散结、和血补身。常用于肝胆系统病变患者及脾胃虚弱者，疗疮热疖患者食之相宜，是最普通的大众蜜品。油菜花泌蜜量大，蜜呈特浅琥珀色，比紫云英略深，有混浊，具有油菜花香味，食味甜润，容易结晶，结晶的油菜蜜白色细腻,属二等蜜。⭐油菜花蜂蜜有润肠通便的功效，得益于油菜花蜂蜜中富含的有机酸和活性物质能帮助胃肠消化食物，同时油菜花蜂蜜中富含的氨基酸和维生素等还能改善胃肠功能并能促进胃肠蠕动，另外油菜花蜂蜜对胃肠道而言本身又是天然的润滑剂。⭐油菜花蜂蜜有缓解疲劳的功效，得益于油菜花蜂蜜中含有大量的葡萄糖和果糖等单糖，喝油菜花蜂蜜后这些葡萄糖和果糖可不经胃肠道消化便能直接进入血液中，而人体尤其大脑神经元正常生命活动所需能量又几乎完全依靠血糖的供给。⭐油菜花蜂蜜有补肾益气的功效，得益于油菜花蜂蜜中富含的黄酮醇和植物甾醇等对前列腺有保健作用并能防止前列腺肥大和前列腺功能絮乱，同时油菜花蜂蜜中富含的矿物质尤其是铁元素还能改善人体造血功能并能有效预防缺铁性贫血。天马蜂，加我们的微信一起学养蜂。⭐油菜花蜂蜜有增强体质的功效，得益于油菜花蜂蜜中富含的单",
          pic: [
            require("../assets/mi_pic/c1.jpg"),
            require("../assets/mi_pic/c2.jpg"),
            require("../assets/mi_pic/c3.jpg"),
            require("../assets/mi_pic/c4.jpg"),
          ],
        },
        {
          id: 2,
          titles: "洋槐花蜜",
          lable:
            "洋槐蜂蜜又名刺槐蜂蜜、槐花蜂蜜，是我国出口创汇的上等蜂蜜，其特点为颜色浅、味鲜洁、甜而不腻、有洋槐特有的清香味，不易结晶，结晶后呈细粒状或油脂状，颜色为水白色，为上等蜂蜜。",
          lable2:
            "洋槐花蜜也叫刺槐蜂蜜，洋槐蜂蜜、刺槐蜜、槐花蜜等等是它的通俗叫法，洋槐花花期长江以南为四月下旬，长江以北为五月上旬到中旬，开花期很短而且很集中，花期10天左右。洋槐蜜果糖含量丰富，味道甜而不腻，芳香适口，也是我国商品蜜中的上等蜂蜜，是历年来我们国家蜂蜜出口价位最高的蜜品。我国是世界上蜂蜜出口量最大的国家，而洋槐花蜜是我国出口量最大的蜂蜜品种，深受国外消费者的喜爱。洋槐蜜能保持毛细血管正常的抵抗能力，有舒张血管、改善血液循环、防止血管硬化、降低血脂血压等作用，并用于预防中风，同时亦有清热补中、解毒润燥、护脾养胃之功效。非常适用于慢性病患者以及心血管病人的保健食用，特别是老年人，经常吃槐花蜜对身体特别好。经常吃洋槐蜜能改善人的情绪，达到宁心安神的效果。中度失眠者在临睡前服用洋槐蜜能降低中枢神经的兴奋程度，起到催眠的作用，还可以避免服用催眠药物的成瘾性，可谓是一举两得，既有助于睡眠，还不伤害身体。槐花蜜中含有刺槐挥发油，可以抗菌、防腐和止咳；清热解毒、排毒清脂、祛斑消斑、养颜正气、解郁通络，可以泡柠檬，做蜂蜜柚子茶，生姜蜂蜜水，特别适合爱美的女性，具有美容养颜的功效。洋槐花蜂蜜健胃、润肺止咳、抗过敏、抗衰老、增力补气。舒张血管,长期食用有降压功效，洋槐花粉美容养颜,延缓衰老。槐花蜜:其性清凉，有舒张血管，改善人体血液循环，防止血管硬化的作用，长期服用有降压功效。另外，临睡前用槐花蜜1汤匙，能降低中枢神经的兴奋性，起到催眠作用。患有神经衰弱的人常服此蜜，可改善情绪，达到宁心安神的效果。洋槐花可以有促进血液循环的作用，经常食用的话可以起到润肺止咳的作用，对于预防动脉硬化有好处，还可以起到美容的作用，建议可以经常吃洋槐花蜜哦！而素来享有四大名蜜之一的“洋槐蜜”，为蜂蜜中的上品，是我国出口创汇的品种，颜色浅，味道鲜洁，滋味甜美，甜而不你，有洋槐花特有的清香味道，而且不容易结晶，结晶以后呈细粒状或是油脂状。",
          pic: [
            require("../assets/mi_pic/b1.jpg"),
            require("../assets/mi_pic/b2.jpg"),
            require("../assets/mi_pic/b3.jpg"),
          ],
        }
      ],
      miData1: [{
        id: 1,
        titles: "百花蜜",
        lable:
          "百花蜜采于的百花丛中，集百花之精华。清香甜润，营养滋补，消热解毒，润肠通便，安五脏、补不足等功效，是传统蜂蜜品种。蜜色泽深。百花蜜是多种花蜜酿成的混合蜂蜜，味甜，具有天然蜜的香气，营养成分比较多。",
        lable2:
          "来源：百花蜜采于百花丛中，集百花之精华。清香甜润，营养滋补，消热解毒，润肠通便，安五脏、补不足等功效，是传统蜂蜜品种。蜜色泽深。百花蜜是多种花蜜酿成的混合蜂蜜，味甜，具有天然蜜的香气，营养成分比较多。功效：它还具有新陈代谢、免疫、助长发育、增强记忆、健肠胃、促进血液循环、保肝、消炎、镇痛、延年益寿等多种作用，常食用可以提高青少年的免疫力，助长发育、增强记忆、可以预防和纠正儿童的贫血。",
        pic: [
          require("../assets/mi_pic/a1.jpg"),
          require("../assets/mi_pic/a2.jpg"),
          require("../assets/mi_pic/a3.jpg"),
          require("../assets/mi_pic/a4.jpg"),
        ],
      }],
      miData2: [{
        id: 2,
        titles: "洋槐花蜜",
        lable:
          "洋槐蜂蜜又名刺槐蜂蜜、槐花蜂蜜，是我国出口创汇的上等蜂蜜，其特点为颜色浅、味鲜洁、甜而不腻、有洋槐特有的清香味，不易结晶，结晶后呈细粒状或油脂状，颜色为水白色，为上等蜂蜜。",
        lable2:
          "洋槐花蜜也叫刺槐蜂蜜，洋槐蜂蜜、刺槐蜜、槐花蜜等等是它的通俗叫法，洋槐花花期长江以南为四月下旬，长江以北为五月上旬到中旬，开花期很短而且很集中，花期10天左右。洋槐蜜果糖含量丰富，味道甜而不腻，芳香适口，也是我国商品蜜中的上等蜂蜜，是历年来我们国家蜂蜜出口价位最高的蜜品。我国是世界上蜂蜜出口量最大的国家，而洋槐花蜜是我国出口量最大的蜂蜜品种，深受国外消费者的喜爱。洋槐蜜能保持毛细血管正常的抵抗能力，有舒张血管、改善血液循环、防止血管硬化、降低血脂血压等作用，并用于预防中风，同时亦有清热补中、解毒润燥、护脾养胃之功效。非常适用于慢性病患者以及心血管病人的保健食用，特别是老年人，经常吃槐花蜜对身体特别好。经常吃洋槐蜜能改善人的情绪，达到宁心安神的效果。中度失眠者在临睡前服用洋槐蜜能降低中枢神经的兴奋程度，起到催眠的作用，还可以避免服用催眠药物的成瘾性，可谓是一举两得，既有助于睡眠，还不伤害身体。槐花蜜中含有刺槐挥发油，可以抗菌、防腐和止咳；清热解毒、排毒清脂、祛斑消斑、养颜正气、解郁通络，可以泡柠檬，做蜂蜜柚子茶，生姜蜂蜜水，特别适合爱美的女性，具有美容养颜的功效。洋槐花蜂蜜健胃、润肺止咳、抗过敏、抗衰老、增力补气。舒张血管,长期食用有降压功效，洋槐花粉美容养颜,延缓衰老。槐花蜜:其性清凉，有舒张血管，改善人体血液循环，防止血管硬化的作用，长期服用有降压功效。另外，临睡前用槐花蜜1汤匙，能降低中枢神经的兴奋性，起到催眠作用。患有神经衰弱的人常服此蜜，可改善情绪，达到宁心安神的效果。洋槐花可以有促进血液循环的作用，经常食用的话可以起到润肺止咳的作用，对于预防动脉硬化有好处，还可以起到美容的作用，建议可以经常吃洋槐花蜜哦！而素来享有四大名蜜之一的“洋槐蜜”，为蜂蜜中的上品，是我国出口创汇的品种，颜色浅，味道鲜洁，滋味甜美，甜而不你，有洋槐花特有的清香味道，而且不容易结晶，结晶以后呈细粒状或是油脂状。",
        pic: [
          require("../assets/mi_pic/b1.jpg"),
          require("../assets/mi_pic/b2.jpg"),
          require("../assets/mi_pic/b3.jpg"),
        ],
      }],
      miData3: [{
        id: 3,
        titles: "油菜花蜜",
        lable:
          "油菜蜜呈浅琥珀色，结晶前是浅琥珀色、略浑浊，结晶后为白色或者浅白色，有油菜花的香气，略具辛辣味，贮放日久辣味减轻，味道甜润，极易结晶，结晶后呈乳白色， 晶体呈细粒或油脂状。",
        lable2:
          "油菜蜜，性温、有清热润燥、舒张血管、行血破气、消肿散结、和血补身。常用于肝胆系统病变患者及脾胃虚弱者，疗疮热疖患者食之相宜，是最普通的大众蜜品。油菜花泌蜜量大，蜜呈特浅琥珀色，比紫云英略深，有混浊，具有油菜花香味，食味甜润，容易结晶，结晶的油菜蜜白色细腻,属二等蜜。⭐油菜花蜂蜜有润肠通便的功效，得益于油菜花蜂蜜中富含的有机酸和活性物质能帮助胃肠消化食物，同时油菜花蜂蜜中富含的氨基酸和维生素等还能改善胃肠功能并能促进胃肠蠕动，另外油菜花蜂蜜对胃肠道而言本身又是天然的润滑剂。⭐油菜花蜂蜜有缓解疲劳的功效，得益于油菜花蜂蜜中含有大量的葡萄糖和果糖等单糖，喝油菜花蜂蜜后这些葡萄糖和果糖可不经胃肠道消化便能直接进入血液中，而人体尤其大脑神经元正常生命活动所需能量又几乎完全依靠血糖的供给。⭐油菜花蜂蜜有补肾益气的功效，得益于油菜花蜂蜜中富含的黄酮醇和植物甾醇等对前列腺有保健作用并能防止前列腺肥大和前列腺功能絮乱，同时油菜花蜂蜜中富含的矿物质尤其是铁元素还能改善人体造血功能并能有效预防缺铁性贫血。天马蜂，加我们的微信一起学养蜂。⭐油菜花蜂蜜有增强体质的功效，得益于油菜花蜂蜜中富含的单",
        pic: [
          require("../assets/mi_pic/c1.jpg"),
          require("../assets/mi_pic/c2.jpg"),
          require("../assets/mi_pic/c3.jpg"),
          require("../assets/mi_pic/c4.jpg"),
        ],
      }]
    };
  },

  mounted() {
    let { id } = this.$route.query;
    if (id == 1) {
      this.miData = this.miData1;
    } else if (id == 2) {
      this.miData = this.miData2;
    } else if (id == 3) {
      this.miData = this.miData3;
    }
  },

  methods: {},
  components: {
    Backview,
    Mtitle,
  },
};
</script>

<style lang="scss" scoped>
.evaluate_wrap {
  width: 1170px;
  height: auto;
  margin: 0 auto -20px auto;
  .address_wrap {
    margin: 50px 0;
    font-size: 20px;
    > b {
      color: rgb(63, 139, 240);
      cursor: pointer;
    }
  }
  > p:nth-child(2) {
    font-size: 26px;
    color: #333333;
    font-weight: 600;
    margin: 10px 0 30px 0;
  }

  > p:nth-child(3) {
    font-size: 22px;
    color: #999;
    font-weight: 500;
    line-height: 2;
  }
  .img_wrap {
    margin: 50px 0;
    width: 100%;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    img {
      margin: 30px 0;
      width: 45%;
      height: auto;
    }
  }
}
.lable_wrap {
  margin: 20px 0;
  font-size: 22px;
  color: #999;
  font-weight: 500;
  line-height: 2;
}
.lable_wrap1 {
  font-size: 22px;
  color: #999;
  font-weight: 500;
  line-height: 2;
}
.more {
  margin: 20px auto;
  width: 280px;
  height: 80px;
  border: 2px solid #e9e9e9;
  opacity: 1;
  border-radius: 20px;
  line-height: 80px;
  font-size: 24px;
  font-family: PingFang SC;
  color: #999999;
  text-align: center;
  cursor: pointer;
  transition: all 0.1s;
}
.more:hover {
  color: #3a9ed8 !important;
  transform: translateY(-5px);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.07);
}
</style>    